<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>修改临时表信息</title>
    <link rel="stylesheet" type="text/css"
          href="layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="css/admin.css" />
</head>

<body>
<div class="page-content-wrap" id="studentAdd">

    <form class="layui-form" action="" id="">
        <div class="layui-form-item">
            <label class="layui-form-label">id</label>
            <div class="layui-input-block">
                <input type="text" name="id"  id="id" lay-verify="id" readonly="readonly"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车位号</label>
            <div class="layui-input-block">
                <input type="text" name="carlocation"  id="carlocation" lay-verify="carlocation"
                       autocomplete="off" placeholder="请输入车位号" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车牌号</label>
            <div class="layui-input-block">
                <input type="text" name="carnumber"  id="carnumber" lay-verify="carnumber"
                       placeholder="请输入车牌号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车类型</label>
            <div class="layui-input-block">
                <input type="text" name="cartype"  id="cartype" lay-verify="cartype"
                       placeholder="请输入车类型" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">金额</label>
            <div class="layui-input-block">
                <input type="text" name="money"  id="money" lay-verify="money"
                       placeholder="请输入金额" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item m-login-btn" style="text-align:center">
            <div class="layui-inline">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="editStudent">修改信息</button>
            </div>
            <div class="layui-inline">
                <button type="reset" class="layui-btn layui-btn-primary  site-demo-active"
                        data-type="resetEdit">取消修改</button>
            </div>
        </div>
    </form>

    <hr></hr>
    <h5 style="text-align: center;"></h5>
</div>
<script src="layui/layui.all.js" type="text/javascript"
        charset="utf-8"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer,layedit=layui.layedit;
        var $ = layui.jquery;
        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');
        //自定义验证规则
        form.verify({
            studentNo:[
                /^[\d]{1,2}$/,

            ]
            ,studentName: [
                /^[\S]{2,10}$/

            ]
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });
        form.on('submit(editStudent)', function(data){
            var str=JSON.stringify(data.field);
            var param = JSON.parse(str);
            $.ajax({
                //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "/temp/updateTemporary",//url
                // contentType:'application/json;charset=UTF-8',
                data: param,
                success: function (result) {
                    if (result.code == "0") {
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index);
                        parent.layer.msg('编辑用户成功');
                        parent.layui.table.reload('demo',{page:{curr:1}});
                    }else{
                        layer.msg('编辑用户失败', {
                            icon: 5
                        });
                    }
                },
                error : function() {
                    layer.msg('服务器错误', {
                        icon: 5
                    });
                }
            });

            return false;
        });
        //触发事件
        var active = {
            resetEdit : function() {
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index);
                parent.layer.msg('已取消操作');
            }
        };
        $('#studentAdd .layui-btn').on('click', function() {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    });
</script>
</body>

</html>